<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
  <head>
    <title>Buildream - Free Bootstrap 5 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <link rel="stylesheet" th:href="@{/css/flaticon.css}">
    <link rel="stylesheet" th:href="@{/css/tiny-slider.css}">
    <link rel="stylesheet" th:href="@{/css/glightbox.min.css}">
    <link rel="stylesheet" th:href="@{/css/aos.css}">
    <link rel="stylesheet" th:href="@{/css/style.css}">

<!--    <link rel="stylesheet" href="../static/css/animate.css">-->
<!--    <link rel="stylesheet" href="../static/css/flaticon.css">-->
<!--    <link rel="stylesheet" href="../static/css/tiny-slider.css">-->
<!--    <link rel="stylesheet" href="../static/css/glightbox.min.css">-->
<!--    <link rel="stylesheet" href="../static/css/aos.css">-->
<!--    <link rel="stylesheet" href="../static/css/style.css">-->
  </head>
  <body>

    <div class="py-1 top-wrap">
      <div class="container-xl">
        <div class="row justify-content-between">

          <div class="col-md topper d-flex align-items-xl-center">
            <div class="text">
              <p class="con"><span>联系方式:</span> <span>+1 234 456 78910</span></p>
            </div>
          </div>
          <div class="col-md topper d-flex justify-content-lg-end">
            <div class="text me-4 d-flex align-items-center justify-content-lg-end">
              <p class="con"><span>邮箱地址:</span> <span>buildream@info.com</span></p>
            </div>
            <ul class="ftco-social-top d-flex align-items-center">
              <li><a href="#"><span class="fa fa-twitter"></span></a></li>
              <li><a href="#"><span class="fa fa-facebook"></span></a></li>
              <li><a href="#"><span class="fa fa-instagram"></span></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <nav class="navbar navbar-expand-lg  ftco-navbar-light">
      <div class="container-xl">
        <a class="navbar-brand aside-stretch align-items-center" href="index.html">
          Buildream
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="fa fa-bars"></span> Menu
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">关于</a></li>
            <li class="nav-item"><a class="nav-link active" href="services.html">招募合伙人</a></li>
            <li class="nav-item"><a class="nav-link" href="project.html">店面展示</a></li>
            <li class="nav-item"><a class="nav-link" href="pricing.html">最新资讯</a></li>
            <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">联系我们</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_5.jpg');">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
          <div class="col-md-9 pt-5 text-center">
            <p class="breadcrumbs"><span class="me-2"><a href="index.html">首页 <i class="fa fa-chevron-right"></i></a></span> <span>Services <i class="fa fa-chevron-right"></i></span></p>
            <h1 class="mb-0 bread">Services</h1>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section ftco-services-section">
      <div class="container-xl">
        <div class="row">
          <div class="col-md-6 col-lg-4">
            <div class="services d-flex">
              <div class="icon"><span class="flaticon-construction"></span></div>
              <div class="text">
                <h2>Construction Services</h2>
                <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind.</p>
                <p><a href="#"class="btn-custom">Learn More</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="services d-flex">
              <div class="icon"><span class="flaticon-house-1"></span></div>
              <div class="text">
                <h2>Infrastructure Services</h2>
                <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind.</p>
                <p><a href="#"class="btn-custom">Learn More</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="services d-flex">
              <div class="icon"><span class="flaticon-engineer"></span></div>
              <div class="text">
                <h2>Architecture Services</h2>
                <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind.</p>
                <p><a href="#"class="btn-custom">Learn More</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="services d-flex">
              <div class="icon"><span class="flaticon-accounting"></span></div>
              <div class="text">
                <h2>Budget Planning</h2>
                <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind.</p>
                <p><a href="#"class="btn-custom">Learn More</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="services d-flex">
              <div class="icon"><span class="flaticon-house"></span></div>
              <div class="text">
                <h2>Interior &amp; Exterior Design</h2>
                <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind.</p>
                <p><a href="#"class="btn-custom">Learn More</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="services d-flex">
              <div class="icon"><span class="flaticon-project"></span></div>
              <div class="text">
                <h2>Project Planning</h2>
                <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind.</p>
                <p><a href="#"class="btn-custom">Learn More</a></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <footer class="ftco-footer">
      <div class="container-xl">
        <div class="row mb-5 pb-5 justify-content-between">
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2 logo d-flex">
                <a class="navbar-brand align-items-center" href="index.html">
                  Buildream
                </a>
              </h2>
              <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              <ul class="ftco-footer-social list-unstyled mt-2">
                <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                <li><a href="#"><span class="fa fa-instagram"></span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Services</h2>

              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_1.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_2.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_3.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-2">
             <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Quick Links</h2>
              <ul class="list-unstyled">
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>首页</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>关于</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>招募合伙人</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>店面展示</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>最新资讯</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>联系我们</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Have a Questions?</h2>
              <div class="block-23 mb-3">
                <ul>
                  <li><span class="icon fa fa-map marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
                  <li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
                  <li><a href="#"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">info@yourdomain.com</span></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid px-0 py-5 bg-darken">
        <div class="container-xl">
          <div class="row">
            <div class="col-md-12 text-center">
              <p class="mb-0" style="color: rgba(255,255,255,.5); font-size: 13px;">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener">Colorlib</a></p>
            </div>
          </div>
        </div>
      </div>
    </footer>

    <script th:src="@{/js/bootstrap.bundle.min.js}"></script>
    <script th:src="@{/js/tiny-slider.js}"></script>
    <script th:src="@{/js/glightbox.min.js}"></script>
    <script th:src="@{/js/aos.js}"></script>
    <script th:src="@{/js/google-map.js}"></script>
    <script th:src="@{/js/main.js}"></script>
    
  </body>
</html>